<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
    <head>
        <meta charset="UTF-8">
        <title>个人信息</title>
        <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
        <link href="../../css/bootstrap.min.css" rel="stylesheet">
        <style type="text/css">
            #root{
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                flex-direction: column;
                position: relative;
            }
            #root.zp ,#root .pop{
                width: 100%;
                height: 100%;
            }
            #root .pop .new-resume {
                position: relative;
                width: 690px;
                margin: auto;
            }
            .personal-container{
                padding: 40px 70px;
                background: #ffffff;
            }
            .personal-container_title{
                display: block;
                height: 65px;
                font-size: 18px;
                color: #333333;
            }
            .personal-container_title_txt{
                float: left;
                margin-right: 28px;
            }
            .personal-container_title_txt.required{
                font-size: 10px;
                color: #ffffff;
                background-color: rgba(233,90,63,.8);
                width: 30px;
                height: 15px;
                line-height: 15px;
                text-align: center;
                margin-top: 6px;
                border-radius: 3px;
            }
            .personal-container_list{
                display: block;
                height: 60px;
                position: relative;
            }
            .personal-container_list
            .label{
                font-size: 14px;
                color: #666666;
                display: block;
                float: left;
                width: 150px;
                height: 40px;
                line-height: 40px;
            }
            .ivu-input{
               border: 1px solid #ed3f14;
               height: 40px!important;
                width: 300px;
               font-family: PingFangSC-Regular;
               font-size: 14px;
               color: #333;
               padding: 10px 40px 10px 10px;
               background: #fff;
               border-radius: 2px;
            }
            .ivu-radio {
                display: inline-block;
                margin-right: 4px;
                white-space: nowrap;
                position: relative;
                line-height: 3.5;
                vertical-align: middle;
                cursor: pointer;
            }
            button{
                margin: 0;
                padding: 0;
            }
            .save{
                margin-top: 80px;
                width: 180px;
                height: 40px;
                line-height: 40px;
                background: #1787fb;
                color: white;
                font-size: 18px;
                border: none;
                border-radius: 5px;
                text-align: center;
                cursor: pointer;
                margin-left: 120px;
            }
            [type=button]{
                -webkit-appearance: button;
            }
        </style>

    </head>
    <body>
        <div id="root" class="zp">
            <div class="pop">
                <div class="new-resume">
                    <div>
                        <div class="personal-container">
                            <div class="personal-container_title">
                                <p class="personal-container_title_txt">个人信息</p>
                                <p class="personal-container_title_txt required">必填</p>
                            </div>
                            <form autocomplete="off" class="ivu-form ivu-form-lable-right">
                                <div class="personal-container_list">
                                    <label for="user_name" class="label">姓名</label>
                                    <input autocomplete="off" spellcheck="false" type="text" placeholder="请填写姓名"
                                         maxlength="50" class="ivu-input">
                                </div>
                                <div class="personal-container_list">
                                    <label class="label">性别</label>
                                    <span class="ivu-radio">
                                        <input type="radio"  name="ivuRadioGroup_1570533107002_0"> 男
                                    </span>
                                    <span class="ivu-radio">
                                        <input type="radio"  name="ivuRadioGroup_1570533107002_0"> 女
                                    </span>
                                </div>
                                <div class="personal-container_list">
                                    <label for="age" class="label">年龄</label>
                                    <input autocomplete="off" spellcheck="false" type="text" placeholder="请填写年龄"
                                           maxlength="50" class="ivu-input">
                                </div>
                                <div class="personal-container_list">
                                    <label for="email" class="label">电子邮箱</label>
                                    <input autocomplete="off" spellcheck="false" type="text" placeholder="请填写邮箱"
                                           maxlength="50" class="ivu-input">
                                </div>
                                <div class="personal-container_list">
                                    <label for="degree" class="label">学位</label>
                                    <input autocomplete="off" spellcheck="false" type="text" placeholder="请填写学位信息"
                                           maxlength="50" class="ivu-input">
                                </div>
                                <div class="personal-container_list">
                                    <label for="intension" class="label">求职意向</label>
                                    <input autocomplete="off" spellcheck="false" type="text" placeholder="请填写求职意向"
                                           maxlength="50" class="ivu-input">
                                </div>
                            </form>
                            <button type="button" class="save">保存</button>
                        </div>
                    </div>
                </div>
            </div>

        </div>


    </body>
</html>